<template>
	<div>
		<view>scaleToFill</view>
		<image src="../../static/图片02.jpg" mode="scaleToFill"></image>
		
		<view>aspectFill</view>
		<image src="../../static/图片02.jpg" mode="aspectFill"></image>
		
		<view>aspectFit</view>
		<image src="../../static/图片02.jpg" mode="aspectFit"></image>
		
		<view>widthFix</view>
		<image src="../../static/图片02.jpg" mode="widthFix"></image>
		
		<view>heightFix</view>
		<image src="../../static/图片02.jpg" mode="heightFix"></image>
		
		<view>center</view>
		<image src="../../static/图片02.jpg" mode="center"></image>
		
		<view>top right</view>
		<image src="../../static/图片02.jpg" mode="top right"></image>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style scoped>
	image{
		width: 400rpx;
		height: 600rpx;
		margin: 20rpx;
		border: 1rpx solid #333;
		background: pink;
	}

</style>